<!doctype html>
 <head>
  <meta charset="UTF-8">
  <title>再见,萤火虫小巷</title>
  <link rel="stylesheet" href="css/common.css" />
  <link rel="stylesheet" href="css/firefly.css" />
  <link rel="stylesheet" href="css/product_detail.css" />
 </head>
 <body>

<!-- 页头、导航 -->
<div id='top'></div>

<!--副页导航条-->
<div id="nav">
	<ul class="sorted">
		<li><a href="#">图书排行榜</a></li><span>|</span>
		<li><a href="#">童书</a></li><span>|</span>
		<li><a href="#">教辅</a></li><span>|</span>
		<li><a href="#">小说</a></li><span>|</span>
		<li><a href="#">成功励志</a></li><span>|</span>
		<li><a href="#">管理</a></li><span>|</span>
		<li><a href="#">传记</a></li><span>|</span>
		<li><a href="#">历史</a></li><span>|</span>
		<li><a href="#">养生保健</a></li><span>|</span>
		<li><a href="#">亲子家教</a></li><span>|</span>
		<li><a href="#">青春文学</a></li><span>|</span>
		<li><a href="#">新书预售</a></li>
	</ul>
</div>


 <!-- 商品详情简介头部 -->
	<header id='detail_hea' class='clear'>
		<!-- 产品的类别导航路径 -->
		<div class='bread_crumb'>
			<a href="#"><b>图书</b></a><span>&gt;</span>
			<a href="#">小说</a><span>&gt;</span>
			<a href="#">情感</a><span>&gt;</span>
			<a href="#">其他</a><span>&gt;</span>
			<a href="#">再见,萤火虫小巷</a>
		</div>
		<!-- 产品简介 -->
		<div id='product_intro'>
			<div id='preview'>
				<div id='mediumDiv'>
					<img id='mImg' src="img/product/product-s1-m.jpg" />
					<div id='mask'></div>
					<div id='superMask'></div>
				</div>
			<div id='largeDiv'></div>
			<h1>
				<a class='backward_disabled'></a>
				<a class='forward'></a>
				<ul id='icon_list'>
					<li><img src="img/product/product-s1.jpg"/></li>
					<li><img src="img/product/product-s2.jpg"/></li>
					<li><img src="img/product/product-s3.jpg"/></li>
					<li><img src="img/product/product-s1.jpg"/></li>
					<li><img src="img/product/product-s2.jpg"/></li>
					<li><img src="img/product/product-s3.jpg"/></li>
					<li><img src="img/product/product-s1.jpg"/></li>
					<li><img src="img/product/product-s2.jpg"/></li>
					<li><img src="img/product/product-s3.jpg"/></li>
				</ul>
			</h1>
			</div>
			<h1>
				<span>再见,萤火虫小巷</span>
				<b>（媲美《追风筝的人》的人性治愈小说，荣登《纽约时报》畅销榜Top3，全球超过百万名读者期待的人性救赎之作！）失去的会以另外的方式永远存在，而拥有的需要加倍珍惜。白马时光</b>
			</h1>
			<h4>
				<span>作者:<b>克里斯汀.汉娜</b></span>
				<span>出版社:<b>百花洲文艺出版社</b></span>
				<span>出版时间:<b>2016年9月</b></span>
			</h4>
			<div id='price_info'>
				<div class='price_pc lf'>
					<div class='price_m'>
						<p id='price_type' class='t'>喵喵价</p>
						<p class='price_sale lf'>
							<span class='yen'>￥</span>18.00
						</p>
					</div>
					<div class='price_zhe lf'>5折</div>
					<div class='price_dingjia lf'>定价</div>
					<div class='price_dj lf'>
						<span class='yen'>￥</span>36.00
					</div>
				</div>
				<div id='price_e' class='lf'>
					<p class='t'>电子书价</p>
					<span class='yen'>￥</span>9.99
					<p class='app'><a href='#'>免费下载读书App</a></p>
				</div>
				<div id='price_ph' class='rt'>
					<p class='t'>手机专享</p>
					<span class='yen'>￥</span><b>17.90</b>
				</div>
			</div>
			<div id='intro_other'>
				<p>
					<span class='qt'>配 送 至</span>
					<a>杭州</a><b>有货,</b>满 59 元 免 运 费
				</p>
				<p>
					<span class='fw'>服 &nbsp;&nbsp;&nbsp;&nbsp; 务</span>
					由 <b>喵喵</b> 发 货, 并 提 供 售 后 服 务。
				</p>
			</div>
			<div id='add'>
				<p class='lf'>加入购物车</p>
				<b>立即购买</b>
				<a href="#">购买电子书</a>
			</div>
		</div>
	</header>

 <!-- 主体内容 -->
	<section id='main'>
		<!-- 左侧浮动栏 -->
		<div id='left_product'>
			<!-- 看过本商品的人还看了 -->
			<ul class='product_look'>
				<h3>看过本商品的人还看了</h3>
				<li>
					<img src="img/details/kk1.jpg"/>
					<b class='p'>￥22.50</b>
					<a href="#">萤火虫小巷 ( 不输《追风筝的人》的友谊与人性，口碑媲美世界上另一个你 )</a>
					<span>【克丽丝汀.汉娜】</span>
				</li>
				<li>
					<img src="img/details/kk2.jpg"/>
					<b class='p'>￥22.60</b>
					<a href="#">寻找光的小女孩</a>
					<span>【希里尔·马萨霍托】</span>
				</li>
				<li>
					<img src="img/details/kk3.jpg"/>
					<b class='p'>￥24.20</b>
					<a href="#">解忧杂货店</a>
					<span>【东野圭吾】</span>
				</li>
				<li>
					<img src="img/details/kk4.jpg"/>
					<b class='p'>￥24.10</b>
					<a href="#">岛上书店 ( 没有谁是一座孤岛，每本书都是一个世界. )</a>
					<span>【加布瑞埃拉】</span>
				</li>
				<li>
					<img src="img/details/kk5.jpg"/>
					<b class='p'>￥25.00</b>
					<a href="#">岛上书店书系：玛格丽特小镇</a>
					<span>【(美)加.译】</span>
				</li>
				<li>
					<img src="img/details/kk6.jpg"/>
					<b class='p'>￥20.30</b>
					<a href="#">追风筝的人</a>
					<span>【卡勒德·胡赛尼】</span>
				</li>
				<li>
					<img src="img/details/kk7.jpg"/>
					<b class='p'>￥24.80</b>
					<a href="#">从你的全世界路过</a>
					<span>【张嘉佳】</span>
				</li>
			</ul>
			<!-- 同类图书排行榜 -->
			<ul class='product_rank'>
				<h3>同类图书排行榜</h3>
				<li><b class='r'>1</b>从你的全世界路过</li>
				<li><b class='r'>2</b>追风筝的人</li>
				<li class='active'>
					<b class='r'>3</b>
					<div class='rt'>
						<img src="img/details/rank3.jpg" class='lf'/>
						<a href="#">偷影子的人</a>
						<span>马克.李维</span>
						<i>￥14.90</i>
					</div>
					
				</li>
				<li><b>4</b>围城</li>
				<li><b>5</b>挪威的森林</li>
				<li><b>6</b>狼图腾(修订版)</li>
				<li><b>7</b>茧</li>
				<li><b>8</b>一个人的朝圣</li>
				<li><b>9</b>让我留在你身边</li>
				<li><b class='l'>10</b>八月未央</li>
				<li class='more'><a href="#">更多>></a></li>
			</ul>
			<!-- 推广商品 -->
			<ul class='product_extend'>
				<h3>推广商品</h3>
				<li>
					<img src="img/details/kk6.jpg"/>
					<b class='p'>￥19.10</b>
					<a href="#">正版图书R6_追风筝的人</a>
				</li>
				<li>
					<img src="img/details/tg2.jpg"/>
					<b class='p'>￥9.10</b>
					<a href="#">正版促销中ja~我不会死在这里</a>
				</li>
				<li>
					<img src="img/details/tg3.jpg"/>
					<b class='p'>￥178.60</b>
					<a href="#">青少年必读校园蒲公英经典阅读全二十四册</a>
				</li>
				<li>
					<img src="img/details/tg4.jpg"/>
					<b class='p'>￥66.30</b>
					<a href="#">秀丽江山(套装共4册)李歆</a>
				</li>
				<li>
					<img src="img/details/tg5.jpg"/>
					<b class='p'>￥143.00</b>
					<a href="#">亦舒作品精选集 套装全集共20册</a>
				</li>
				<li>
					<img src="img/details/tg6.jpg"/>
					<b class='p'>￥198.00</b>
					<a href="#">[现货]名人传记丛书青少年</a>
				</li>
				<li>
					<img src="img/details/tg7.jpg"/>
					<b class='p'>￥71.40</b>
					<a href="#">谜团与传奇系列(全十册)</a>
				</li>
			</ul>
		</div>
		<!-- 右侧产品信息 -->
		<div id='right_product'>
			<!-- 拍档组合 -->
			<div id='partner'>
				<ul class='partner_hea'>
					<li>拍档组合</li>
				</ul>
				<ul class='partner_con'>
					<li>
						<img src="img/details/pd1.jpg" />
						<b>￥18.00</b>
						<span>再见,萤火虫小巷</span>
						<i>+</i>
					</li>
					<li>
						<img src="img/details/pd2.jpg" />
						<b>￥47.00</b>
						<span>顾漫欢笑言情豪华典藏版套装</span>
					</li>
					<li>
						<img src="img/details/pd3.jpg" />
						<b>￥27.10</b>
						<span>你也是蘑菇吗？</span>
					</li>
					<li>
						<img src="img/details/pd4.jpg" />
						<b>￥24.70</b>
						<span>孤儿列车</span>
					</li>
					<li>
						<img src="img/details/pd5.jpg" />
						<b>￥30.50</b>
						<span>东野圭吾:时生(东野圭吾暖心力作)</span>
					</li>
				</ul>
			</div>

			<!-- 买过本商品的人还买了 -->
			<div id='again_buy'>
				<ul class='again_hea'>
					<li>买过该商品的人还买了</li>
				</ul>
				<ul class='again_con'>
					<li>
						<img src="img/details/againb1.jpg" />
						<b>￥29.20</b>
						<span>给差一点错过的梦想</span>
					</li>
					<li>
						<img src="img/details/againb2.jpg" />
						<b>￥25.10</b>
						<span>澳门往事之孤注一掷</span>
					</li>
					<li>
						<img src="img/details/againb3.jpg" />
						<b>￥24.80</b>
						<span>让一切随遇而安</span>
					</li>
					<li>
						<img src="img/details/againb4.jpg" />
						<b>￥24.80</b>
						<span>满满都是我对你的爱</span>
					</li>
					<li>
						<img src="img/details/againb5.jpg" />
						<b>￥34.40</b>
						<span>致我们终将逝去的清青春</span>
					</li>
				</ul>
			</div>

			<!-- 商品详细 -->
			<div id='product_detail'>
				<!-- 页签 -->
				<ul class="main_tabs">
					<li data-i='0' class='current'><a>商品详情</a></li>
					<li data-i='1'><a>商品评论(4042条)</a></li>
					<li data-i='2'><a>商品问答(0条)</a></li>
				</ul>

				<!-- 商品详情 -->
				<div id='product_info'>
					<ul class="detail_list">
						<li>版次：1</li>
						<li>页 数：348</li>
						<li>字 数：350000</li>
						<li>印刷时间：2016-9-1</li>
						<li>开 本：16开</li>
						<li>纸 张：轻型纸</li>
						<li>印 次：1</li>
						<li>包 装：平装</li>
						<li>丛书名：国际标准书号ISBN：9787550018716</li>
						<li>所属分类：<span class='blue'>图书>小说>外国小说>美国</span></li>
					</ul>
					<!-- 编辑推荐 -->
					<div id='pro_edit'>
						<ul class='edit_hea'>
							<li class='lf'><span>编辑推荐</span></li>
							<li class='lf'><b></b></li>
						</ul>
						<ul class='edit'>
							<li class='detail_img'><img src="img/details/detail1.jpg" /></li>
						</ul>
						<ul class='edit_con'>
							<li><span>☆一个讲述友谊与自我救赎的美好而感人的故事。请始终相信，勇气中蕴含着温暖与力量，而爱，能够创造永恒与奇迹。</span></li>
							<li><span>☆荣登《纽约时报》畅销榜Top3，版权风行30多个国家，全球超过百万名读者*期待的人性救赎之作！</span></li>
							<li><span>☆失去的会以另外的方式永远存在，而拥有的需要加倍珍惜。</span></li>
							<li><span>☆人生所追求的一切当中，唯有爱，能伴我们度过生命的任何关卡，不论喜悲，跨越生死。</span></li>
							<li><span>☆《出版人周刊》《书单》等重磅媒体感动推荐。</span></li>
						</ul>
					</div>
					<!-- 内容推荐 -->
					<div id='pro_content'>
						<ul class='product_con_hea'>
							<li class='lf'><span>内容推荐</span></li>
							<li class='lf'><b></b></li>
						</ul>
						<ul class='product_con_con'>
							<li>
								<p>很久以前，她曾在夜深人静的时候独自走在一条名叫萤火虫小巷的街道上，那是她人生中最凄凉的夜晚，但她却幸运地遇到了一生中最好的朋友。<br>那是故事的开始，尽管已经时隔30多年。<br>塔莉与凯蒂，两个永远的好姐妹，从14岁到40多岁，一起成长，互相安慰，为彼此的生命增添了无限的温暖和光芒。但，一切总有结束的时候。</br>凯蒂的骤然离开，让塔莉的世界瞬间崩塌了一半，另一半是用承诺支撑着：照顾凯蒂的子女。然而，内心饱受亲情创伤的塔莉，完全不了解家庭、母爱，也不懂得如何照顾孩子。种种的痛苦，令原本就孤独的塔莉陷入了绝望。<br>直到有一天，凯蒂再次出现……<br />
								<br>失去深爱的人，我们仍要学会好好地生活下去。<br />学着放手，微笑着道别。<br />尽管，这并不容易。</p>
							</li>
						</ul>
					</div>
					<!-- 作者简介 -->
					<div id='about_author'>
						<ul class='about-author_hea'>
							<li class='lf'><span>作者简介</span></li>
							<li class='lf'><b></b></li>
						</ul>
						<div class='about_author_con'>
							<span> &nbsp; &nbsp; &nbsp; 克莉丝汀•汉娜 (Kristin Hannah)1960年9月出生于南加州，在海边堆沙堡和玩冲浪长大。曾在广告公司工作，也当		过律师，而在她决定要去读法律之时，她母亲说：“但你将来注定要当作家的。”事实也证明母亲的话永远是正确的。
								现在，汉娜已经是一个创作过20本书，常登上《纽约时报》等各大畅销书排行榜的一线作家，更是被贾桂林•米察、伊丽莎白•布臣等众多美国畅销名家一致推崇的实力作家。作品常融入亲情、爱情与家庭价值等重要的情感元素，跨越不同的读者年龄层。风格清新温暖，笔触清淡，内心描写细腻深刻，感动无数读者。代表作“萤火虫小巷”系列畅销30多个国家，感动数亿人！书评人称赞其为“一本描写女性友谊罕见的史诗”“一部触动灵魂、改变女性一生的佳作”！
							</span>
						</div>
					</div>
				</div>

				<!-- 商品评论 -->
				<div id='product_comment'>
					<p class='main_tabs'>商品评论</p>
					<div class='m_content'>
						<div class='rate'>
							<span>98</span><b>%</b>
							<p>好评度</p>
						</div>
						<div class='buyers'>
							<p>买家印象</p>
							<ul>
								<li>包装不错哦(2896)</li>
								<li>整体感觉不错(2846)</li>
								<li>性价比很高(2396)</li>
								<li>印花很正(2892)</li>
								<li>纸质好(2891)</li>
								<li>排版不错(2891)</li>
								<li class='gray'>包装一般(0)</li>
								<li class='gray'>折痕变形(0)</li>
								<li class='gray'>纸质一般(0)</li>
							</ul>
						</div>
					</div>
					<!-- 评价详细 -->
					<div id='comment_list'>
						<ul class='main_tabs'>
							<li class='current'><a href="#">全部(4042)</a></li>
							<li><a href="#">好评(4031)</a></li>
							<li><a href="#">中评(11)</a></li>
							<li><a href="#">差评(0)</a></li>
						</ul>
						<!-- 全部评价 -->
						<div id='comment_0'>
							<div class='comment_item'>
								<ul>
									<li><a href="#"><img src="img/details/talk1.png"/></a></li>
									<li>不可替代的</li>
									<li><b>钻石会员</b><span></span></li>
								</ul>
								<div class='talk_about'>
									<div class='talk_con'>
										精彩之处在于，它写出了一个恢弘的时代，而两个女主角的表现恰恰是那个时代的缩影。善良的人，种下好的友谊，收获好的果实，坏人种下坏的种子，收到坏的友谊。凯蒂和塔莉之间的友情，真的非常感人。希望每个人都能遇到陪伴自己一生的挚友
									</div>
									<p class='talk_time'>2016-09-26 10:41:26 </p>
								</div>
							</div>
							<div class='comment_item'>
								<ul>
									<li><a href="#"><img src="img/details/talk2.png"/></a></li>
									<li>无昵称用户</li>
									<li><b>金卡会员</b><span></span></li>
								</ul>
								<div class='talk_about'>
									<div class='talk_con'>
										萤火虫的光正是因为微小而在黑暗中显得格外强大，萤火虫小巷的象征意义让我因这本书而改变，它带来排山倒海的情绪，淹没原先很多消极的想法与理念，也许未来有一天我也会面对这样的困境与难题，而我已经知道该如何做出抉择。
									</div>
									<p class='talk_time'>2016-09-21 11:09:26 </p>
								</div>
							</div>
							<div class='comment_item'>
								<ul>
									<li><a href="#"><img src="img/details/talk3.png"/></a></li>
									<li>甜甜的</li>
									<li><b>银卡会员</b><span></span></li>
								</ul>
								<div class='talk_about'>
									<div class='talk_con'>
										一定要把这本书推荐给好姐妹，感谢她陪我成长，一直都相信当我需要时，随时会有人对我伸出手来，让我倾诉。相信当我们走过陪孩子成长的忙碌岁月，直到年老时，会有更多机会聊聊往事，有这些甜美回忆陪我们一起老，应该是件美好的事情。
									</div>
									<p class='talk_time'>2016-09-25 11:03:11  </p>
								</div>
							</div>
							<div class='comment_item'>
								<ul>
									<li><a href="#"><img src="img/details/talk2.png"/></a></li>
									<li>她说的</li>
									<li><b>银卡会员</b><span></span></li>
								</ul>
								<div class='talk_about'>
									<div class='talk_con'>
										因为看过《萤火虫小巷》，被里面的友情所触动到，可能是因为最近遇到人际交往问题，所以感触格外深，一个人能拥有一两个知心好友非常不易，需要珍惜，并且努力生活。这个作者很能把握人心，让我不觉地赞同她的话语，翻译也很好。
									</div>
									<p class='talk_time'>2016-09-25 09:34:12  </p>
								</div>
							</div>
							<div class='comment_item'>
								<ul>
									<li><a href="#"><img src="img/details/talk2.png"/></a></li>
									<li>红彤彤</li>
									<li><b>金卡会员</b><span></span></li>
								</ul>
								<div class='talk_about'>
									<div class='talk_con'>
										一定要把这本书推荐给好姐妹，感谢她陪我成长，一直都相信当我需要时，随时会有人对我伸出手来，让我倾诉。相信当我们走过陪孩子成长的忙碌岁月，直到年老时，会有更多机会聊聊往事，有这些甜美回忆陪我们一起老，应该是件美好的事情。
									</div>
									<p class='talk_time'>2016-09-24 12:13:11  </p>
								</div>
							</div>
						</div>
						<!-- 其他评价 好评 等 -->
						<!-- 页码 -->
						<div id='talk_pages'>
							<a class="comment_show_all" href="#">[查看全部评价]</a>
							<div id='pages'>
								<a class='current' href="#">1</a>
								<a href="#">2</a>
								<a href="#">3</a>
								<a href="#">4</a>
								<a href="#">5</a>
								<a href="#">6</a>
								<a href="#">...</a>
								<a href="#">3333</a>
								<a href="#">下一页</a>
							</div>
						</div>
					</div>
				</div>

				<!-- 商品问答 -->
				<div id='product_answer'>
					<p class='main_tabs'>商品问答</p>
					<ul>
						<li>目前没有回答</li>
					</ul>
					<div class='quiz'><a href="#">我要提问</a></div>
				</div>
			</div>
		</div>
	</section>	

<!-- 推广商品 -->
	<div id='extend'></div>



<!--模态登录对话框-->
    <div class="modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <h4>用户登录</h4>
                <p class="alert">
                   请在此处输入您的注册信息。
                </p>
                <form id="login-form">
                    <input type="text" placeholder="请输入登录用户名" name="uname" value="miaomiao">
                    <input type="password" placeholder="请输入登录密码" name="upwd" value="123456">
                    <input type="button" value="提交登录信息" id="bt-login">
                </form>
            </div>
        </div>
    </div>

<!-- 页脚 -->
<div id='bottom'></div>


<script src='js/jquery-1.11.3.js'></script>
<script src='js/firefly.js'></script>
<script src='js/login.js'></script>
</body>
</html>
